<!DOCTYPE HTML>
<html>

<head>
    <title>页面测试 - 二手电子乐园</title>
    <meta charset="utf-8" />
    <style>
        body {
            font-family: Arial, sans-serif;
            padding: 20px;
        }

        .test-links {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 20px;
        }

        .test-card {
            border: 1px solid #ddd;
            padding: 20px;
            border-radius: 8px;
        }

        .test-card h3 {
            margin-top: 0;
            color: #e44c65;
        }

        .test-card a {
            display: block;
            margin: 10px 0;
            padding: 8px 12px;
            background: #f0f0f0;
            text-decoration: none;
            color: #333;
            border-radius: 4px;
        }

        .test-card a:hover {
            background: #e44c65;
            color: white;
        }
    </style>
</head>

<body>
    <h1>二手电子乐园 - 页面测试</h1>
    <p>点击下面的链接测试各个页面功能：</p>

    <div class="test-links">
        <div class="test-card">
            <h3>主要页面</h3>
            <a href="index.html" target="_blank">首页</a>
            <a href="login.html" target="_blank">登录/注册</a>
            <a href="vip.html" target="_blank">VIP特权</a>
            <a href="about.html" target="_blank">关于我们</a>
        </div>

        <div class="test-card">
            <h3>产品分类</h3>
            <a href="category.html?type=phone" target="_blank">二手手机</a>
            <a href="category.html?type=camera" target="_blank">二手相机</a>
            <a href="category.html?type=digital" target="_blank">二手数码</a>
            <a href="category.html?type=fridge" target="_blank">二手冰箱</a>
        </div>

        <div class="test-card">
            <h3>产品详情</h3>
            <a href="product-detail.html?id=1" target="_blank">产品1详情</a>
            <a href="product-detail.html?id=2" target="_blank">产品2详情</a>
            <a href="product-detail.html?id=3" target="_blank">产品3详情</a>
            <a href="product-detail.html?id=5" target="_blank">产品5详情</a>
        </div>

        <div class="test-card">
            <h3>政策页面</h3>
            <a href="information.html" target="_blank">信息审核制度</a>
            <a href="privacy-policy.html" target="_blank">隐私政策</a>
        </div>
    </div>

    <div style="margin-top: 30px; padding: 20px; background: #f8f9fa; border-radius: 8px;">
        <h3>测试说明</h3>
        <ul>
            <li><strong>登录测试：</strong>用户名 zhangsan，密码 66666666</li>
            <li><strong>功能测试：</strong>测试产品筛选、图片切换、联系方式查看等功能</li>
            <li><strong>响应式测试：</strong>调整浏览器窗口大小测试移动端适配</li>
            <li><strong>导航测试：</strong>测试页面间的跳转和返回功能</li>
        </ul>
    </div>
</body>

</html>